@import 'mixin';

.e-c-box2 em,
.q-card-icon,
.o-radio,
.o-checkbox,
.qj-icon,
.dtClose,
.jx-icon,
.ana-sq,
.ana-jx,
.ans-lys,
.ana-kd {
	background: url("../../../static/image/icon_exam.png") no-repeat 0 0;
}

.e-c-box2 em {
	background-position: -294px -181px;
}

.e-c-pause em {
	background-position: -294px -235px;
}

.q-card-icon {
	background-position: -130px -3px;
}

.o-radio {
	background-position: -87px -38px;
}

.t-p-is-options label.current .o-radio {
	background-position: -87px -69px;
}

.o-checkbox {
	background-position: -86px -171px;
}

.t-p-is-options label.current .o-checkbox {
	background-position: -86px -204px;
}

.q-car-wrap .q-card-icon {
	background-position: -130px -29px;
}

//.comm-btn-wrap {
//	background: url("/static/exam/img/btn-shadow.jpg") no-repeat scroll 50% bottom;
//}

//.d-tips-7 {
//	background: url("/static/exam/img/sit-back.jpg") no-repeat scroll 50% 0;
//}

.qj-icon {
	background-position: -283px -122px;
}

.nav-icon2,
.my-test-icon2,
.clock-icon,
.answer-card,
.paper-sub-icon {
	background: url("../../../static/image/nav-icon.png") no-repeat 0 0;
	background-size: 100%;
}

.nav-icon2,
.my-test-icon2,
.clock-icon,
.answer-card,
.paper-sub-icon {
	width: 27px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
}

.clock-icon {
	background-position: 3px -81px;
}

.answer-card {
	background-position: 3px -111px;
}

.dtClose {
	background-position: 0 -160px;
}

.jx-icon {
	background-position: -131px -57px;
}


.ana-sq {
	background-position: -131px -82px;
}

.ana-jx {
	background-position: -127px -112px;
}

.ans-lys{
	background-position: -129px -221px;
}

.ana-kd {
	background-position: -129px -148px;
}

.paper-sub-icon {
	background-position: 3px -139px;
}


/*---======== /left operation style ========---*/

.top-box {
	display: none;
}

.e-main {
	height: auto !important;
	min-height: 590px;
	position: relative;
	background: #f3f5f7;
	overflow: hidden;
}

.e-test-box {
	position: relative;
	padding-left: 235px;
	margin-top: 20px;
}

.e-test-fixed {
	position: absolute;
	left: 0;
	top: 0;
}

.p-test-box1 {
	position: absolute;
	top: 0;
	z-index: 99;
}

#p-test-box {
	width: 208px;
}

.paper-test dt {
	background-color: $themeColor;
	padding: 15px 0 30px;
	text-align: center;
	position: relative;
}

.paper-test dt span {
	font-size: 20px;
	color: #fff;
	vertical-align: middle;
	margin-left: 8px;
}

.paper-test {
	border: 1px solid #ebebeb;
	padding-bottom: 10px;
	width: 206px;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}

.paper-test dd {
	text-align: center;
	margin-top: 10px;
}

.paper-test dd a {
	font-size: 16px;
	color: #999;
	line-height: 36px;
}

.paper-test dd a:hover,
.paper-test dd.current a {
	color: $themeColor;
	text-decoration: none;
}

.q-card-box {
	padding-bottom: 0;
	border: none;
	overflow: hidden;
	border-radius: 5px;
}

.q-card-box dd {
	padding: 0;
	margin: 0;
}

.q-card-wrap dd {
	max-height: 320px;
	overflow-y: auto!important;
	overflow-x: hidden;
}

.q-card-box dt a {
	display: block;
	padding: 8px 0;
}

.q-card-box dt {
	padding: 0;
}

.q-card-box dt a:hover {
	text-decoration: none;
}

.ques-card-tab {
	border: none;
	width: 100%;
	border: none;
	margin: 0;
}

.ques-card-tab span {
	display: inline-block;
	border: 1px solid #eee;
	width: 48px;
	height: 37px;
	background: #fff;
	padding: 0;
}


.ques-card-tab span.current a {
	display: block;
	color: #fff;
	background-color: $themeColor;
}

.paper-test .record-answer-correct{
	background: #448de8;
}

.paper-test .record-answer-error{
	background: #f55c5c;
}
.e-c-box2 {
	position: absolute;
	margin-left: -20px;
	margin-bottom: -23px;
	left: 50%;
	bottom: 0px;
}

.e-c-box2 em {
	width: 40px;
	height: 40px;
	display: inline-block;
}

.paper-test dt .ques-card {
	font-size: 18px;
}

.nothing-report-box {
	min-height: 600px;
}

.paper-time-wrap .e-c-box2 {
	position: static;
	margin-left: 0;
	text-align: center;
	margin-bottom: 0;
}

.paper-time-wrap {
	border: 1px solid #eee;
	background: #fff;
	padding: 20px 15px;
	text-align: center;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
	border-radius: 5px;
}

.paper-submit a {
	background: $themeColor;
	color: #fff;
	width: 100%;
	height: 32px;
	display: inline-block;
	border-radius: 30px;
	line-height: 32px;
}

.paper-submit a:hover {
	text-decoration: none;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
}

.c-aaa {
	color: #aaa;
}

.ques-tk-wrap {
	color: #666;
	margin-top: 15px;
	padding: 0 16px;
}

.ques-tk-wrap input {
	height: 26px;
	width: 92%;
	line-height: 26px;
	border: 1px solid #ddd;
	padding: 0 8px;
	color: #666;
	margin-left: 5px;
}

.style-2::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.style-2::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

.style-2::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #bcbcbc
}


/*---======== /paper-testing content style ========---*/

.p-test-title1 {
	border-bottom: 1px solid #dbdbdb;
}

.p-test-title1 span {
	color: #222;
	font-size: 20px;
	line-height: 50px;
}

.t-p-sub-title-wrap {
	position: relative;
	z-index: 5;
}

.t-p-sub-title {
	border-bottom: 1px solid #d2d2d2;
	min-height: 40px;
	line-height: 40px;
	padding: 0 25px;
	background-color: #f3f5f7;
	margin-top: 10px;
}

.t-p-sub-title.t-fixed {
	position: fixed;
	top: -10px;
	width: 818px;
	z-index: 999999;
}

.t-p-sub-title li {
	float: left;
}

.t-p-sub-title li a {
	color: #4e4e4e;
	float: left;
	display: block;
	_display: inline;
	padding: 0 10px;
	margin-right: 9px;
}

.t-p-sub-title li.current a {
	border: 1px solid;
	border-color: $themeColor #D2D2D2 #f3f5f7 #D2D2D2;
	position: relative;
	color: $themeColor;
	cursor: text;
	line-height: 39px;
	border-bottom: 1px solid #f3f5f7;
}

.t-p-sub-title li.current a span {
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background: #f3f5f7;
	z-index: 999;
}

.t-p-sub-title.t-fixed li.current a {
	background: #fafafa;
	border-color: #D2D2D2 #D2D2D2 #fff #D2D2D2;
	border-bottom: 1px solid #fafafa;
}

.t-p-sub-title.t-fixed li a {
	color: #666;
	font-weight: bold;
}

.t-p-sub-title li.current a:hover {
	text-decoration: none;
}

.t-p-sub-title li a:hover {
	text-decoration: none;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
}

.p-ques-list ul li.p-q-item {
	margin-bottom: 15px;
}

//.p-ques-list ul li.p-q-item:hover .t-paper-one {
//	border: 1px solid #c8e5fc;
//	background: #eef6fd;
//}




.t-paper-one {
	margin-bottom: 9px;
	border: 1px solid #eee;
	background: #fff;
	border-radius: 5px;
	&:hover{
	    border: 1px solid $themeColor;
	}
}

.p-ques-title tt {
	min-width: 16px;
	height: 20px;
	padding: 0 3px;
	display: inline-block;
	background-color: $themeColor;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
	margin: 3px 10px 0 0;
}

.p-ques-title *ã€€ {
	vertical-align: middle;
}

.p-ques-title span {
	line-height: 28px;
}

.p-ques-title {
	padding: 8px 17px 0;
}

.t-p-options {
	padding: 10px 24px 10px;
}

.t-p-options ol li {
	padding: 5px 0;
}

.t-p-options ol li a {
	color: #999;
	font: 14px/30px "Arial";
}

.t-p-options ol li a:hover {
	color: #333;
	cursor: text;
	text-decoration: none;
}

.t-p-options ol li a p {
	display: inline;
}

.is-options {
	margin: 0 20px;
	padding: 10px 0 3px;
	border-top: 1px dashed #aaa;
}

.lt-ie9.lt-ie8 .is-options,
.lt-ie9.lt-ie8 .analysis-wrap,
.lt-ie9.lt-ie8 .e-test-report {
	overflow: hidden;
}

.t-p-is-options label,
.t-p-is-checkboxs label {
	cursor: pointer;
	display: inline-block;
	margin-right: 30px;
	position: relative;
	padding: 0 5px;
	vertical-align: middle;
}

.t-p-is-options label:hover,
.t-p-is-checkboxs label:hover {
	background-color: #fddaae;
	border-radius: 3px;
}

.t-p-is-options label em,
.t-p-is-checkboxs label em {
	position: absolute;
	left: 4px;
	top: 2px;
}

.t-p-is-options label input,
.t-p-is-checkboxs label input {
	cursor: pointer;
	margin: 0;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

.t-p-is-options label span,
.t-p-is-checkboxs label span {
	color: #333;
	margin-left: 10px;
	*margin-left: 0;
	font-size: 16px;
	font-family: 'Arial';
	vertical-align: middle;
}

.page-bar {
	padding: 15px 0;
	text-align: right;
}

.page-bar .comm-btn-wrap {
	background: none;
	padding: 0;
}

.page-bar .comm-btn-wrap a {
	background: $themeColor;
	color: #fff;
	width: 60px;
	border-radius: 5px;
}

.c-btn-1 {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
	background: -ms-linear-gradient(top, #ffffff, #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
}

.no-data-box {
	background: #fff;
	margin-top: 30px;
	height: 480px;
	padding-top: 80px;
}

.comm-btn:hover,
.ana-bj-submit:hover,
.jx-show-btn-discuss a:hover,
.order-submit:hover {
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	text-decoration: none;
}

.qj-icon {
	display: inline-block;
	height: 51px;
	margin-right: 10px;
	vertical-align: middle;
	width: 56px;
}

.textarea-box {
	margin-top: 14px;
}

.textarea-box textarea {
	border: 1px solid #eee;
	background: #fff;
	width: 94%;
	padding: 1%;
	margin: 0 2%;
	height: 100px;
	overflow-y: auto;
	color: #4c4c4c;
	font-size: 14px;
}

.textarea-box p {
	margin: 0 2%;
}

.p-ques-wrapper {
	padding: 5px 7px 12px;
}

.p-material-wrap .p-q-item .p-ques-title tt {
	width: auto;
	background: none;
	color: #333;
}


/*---======== /bottom global nav ========---*/

.global-nav {
	height: 52px;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 77;
	display: none;
}

.global-nav ul {
	background: #f8f8f8;
	border-top: 1px solid #e2e2e2;
	height: 50px;
}

.global-nav ul li {
	float: left;
	width: 33.3%;
	text-align: center;
	height: 60px;
	line-height: 50px;
}

.global-nav ul li a {
	display: block;
}

.global-nav ul li a:hover {
	text-decoration: none;
}

.global-nav ul li a span {
	font-size: .9rem;
	font-family: "Microsoft YaHei";
	color: #666;
	margin-top: -4px;
}

.global-nav ul li.current a span,
.global-nav ul li a:hover span {
	color: $themeColor;
	text-decoration: none;
}

.exam-navbox.global-nav {
	z-index: 99999999;
}

.exam-ana-wrap ul li {
	width: 50%;
}


/*---======== /exampaper report style ========---*/

.ex-box {
	background: #fff;
	border: 1px solid #f0f0f0;
}

.bot-line {
	border-bottom: 1px solid #ebebeb;
}

.right-line {
	border-right: 1px solid #ebebeb;
}

.pd-20 {
	padding: 20px;
}

.col-6 {
	width: 60%;
}

.col-4 {
	width: 40%;
}

.col-50 {
	width: 50%;
}

.ratechar {
	margin-top: 20px;
}


/*-------examTestReport---------*/

.ques-wrong-card ul li {
	float: left;
}

.ques-wrong-card ul li a {
	color: #28b42f;
	display: inline-block;
	font-size: 18px;
	line-height: 34px;
	margin: 10px 10px;
	width: 34px;
	height: 34px;
	text-align: center;
	background-color: #d2fddb;
}

.ques-wrong-card ul li a:hover {
	text-decoration: none;
	opacity: 90;
	-moz-opacity: 90;
	filter: alpha(opacity=90);
}

.ques-wrong-card ul li.wrong-ans a {
	color: #fe6f44;
	background-color: #fdd9d2;
}

.ques-box-explain {
	margin: 12px 0 0 11px;
}

.ques-box-explain * {
	vertical-align: middle;
	line-height: 30px;
}

.ques-box-explain span {
	font-size: 14px;
	font-family: "Microsoft YaHei";
	color: #666;
}

.ques-box-explain img {
	width: 25px;
	height: 25px;
	margin-right: 10px;
}


/*-------examTestReport è€ƒç‚¹æ­£ç¡®çŽ‡è¡¨---------*/

.kd-info-box {
	margin-top: 20px;
}

.paper-testbox {
	margin-top: 15px;
	overflow: hidden;
	padding: 0 10px;
}

.p-test-th {
	border-top: 2px solid #f0f0f0;
	border-bottom: 2px solid #f0f0f0;
	background: #f2f2f2;
}

.p-test-th li span {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	line-height: 36px;
	padding: 10px;
	display: inline-block;
}

.p-test-th li,
.p-test-tr li {
	width: 25%;
	float: left;
	text-align: center;
}

.p-test-tr li span {
	font-size: 16px;
	line-height: 36px;
	padding: 10px;
	color: #666;
	display: block;
}

.p-test-trbox ul:nth-child(2n) {
	background-color: #fafafa;
}

.paper-analyze .p-test-tr li:nth-child(8n+5),
.paper-analyze .p-test-tr li:nth-child(8n+6),
.paper-analyze .p-test-tr li:nth-child(8n+7),
.paper-analyze .p-test-tr li:nth-child(8n+8) {
	background-color: #f8f8f8;
}


/*-------exam analyze style---------*/

.p-ques-result {
	position: relative;
	padding: 0 90px 0 8px;
}

.p-ques-result .p-ques-explain {
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 26px;
}

.p-ques-title span p {
	display: inline;
}

.p-ques-r-box {
	padding: 0 10px 0 10px;
}


/*.p-ques-r-box .p-ques-explain {position: static;width: 100%; text-align: right;padding-right: 10px;}*/

.jx-show-btn-discuss:hover {
	text-decoration: none;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
}

.p-ques-score {
	color: #333;
	line-height: 26px;
}

.t-paper-check-box {
	padding: 8px;
}

.analysis-wrap {
	border-top: 1px dashed #AAA;
	margin-top: 10px;
	display: none;
	padding: 0 10px;
}

.analysis-wrap dl {
	padding-top: 15px;
}

.analysis-wrap dt,
.analysis-wrap dd {
	float: left;
	_display: inline;
}

.analysis-wrap dt {
	width: 100px;
}

.analysis-wrap dd {
	margin-left: 18px;
	width: 723px;
	line-height: 30px;
	color: #333;
	font-size: 14px;
}

.analysis-tb,
.analysis-tbing {
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #333;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
}

.a-kj-title {
	background: #FAE AE0;
	border-radius: 3px;
	padding: 5px 10px;
}

.a-kj-show.a-kj-title {
	background: #FFCDAE;
}

.a-kj-desc {
	background: #d8d8d8;
	border-radius: 3px;
	position: absolute;
	padding: 6px;
	bottom: 42px;
	display: none;
	left: 0;
	width: 340px;
	line-height: 160%;
	zoom: 1;
}

.a-kj-sj {
	width: 0px;
	height: 0px;
	border-top: 8px solid #d8d8d8;
	border-left: 8px solid #fff;
	border-right: 8px solid #fff;
	position: absolute;
	line-height: 22px;
	bottom: -14px;
	left: 30px;
}

.order-submit {
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	background: #e65429;
	font: 15px/30px "Microsoft YaHei";
	height: 30px;
	padding: 2px 30px;
}

.cou-list-wrap {
	padding: 20px 0 65px;
}

.c-s-dl dl {
	border-bottom: 1px dotted #ddd;
	line-height: 30px;
}

.c-s-dl dl dt {
	float: left;
	width: 60px;
	text-align: right;
	padding-right: 10px;
}

.c-s-dl dl {
	position: relative;
	padding: 15px 0 0 0;
	background: #fff;
}

.m-h-cw-title {
	border-bottom: 1px solid #ddd;
	line-height: 30px;
}

.moka-list li {
	border-bottom: 1px dashed #ddd;
	position: relative;
	padding: 5px 80px 12px 0;
	margin-top: 15px;
}

.moka-btn {
	position: absolute;
	right: 0;
	top: 9px;
}

.moka-btn a {
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #333;
	display: inline-block;
	height: 28px;
	font: 14px/28px 'Arial';
	text-align: center;
	padding: 0 14px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fff6f0));
}

.moka-btn a:hover {
	text-decoration: none;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90)
}

.t-paper-wrap {
	border-top: 1px solid #DEDEDE;
	min-height: 420px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 6px 0 -3px #F9F9F9, 0 7px 1px -3px rgba(0, 0, 0, 0.3), 0 12px 0 -6px #F9F9F9, 0 13px 1px -6px rgba(0, 0, 0, 0.3), 0 18px 0 -9px #F9F9F9, 0 19px 1px -9px rgba(0, 0, 0, 0.3), 0 24px 0 -12px #F9F9F9, 0 25px 20px -8px rgba(0, 0, 0, 0.2);
}

.c-s-dl-li {
	padding: 0 60px 0 69px;
}

.c-s-dl-li ul {
	overflow: hidden;
}

.c-s-dl-li ul li {
	float: left;
	margin: 0 15px 9px 0;
}

.c-s-dl-li ul li a {
	display: inline-block;
	color: #444;
	font-size: 14px;
	padding: 0 14px;
	line-height: 23px;
	white-space: nowrap;
}

.c-s-dl-li ul li.current {
	position: relative;
}

.c-s-dl-li ul li.current a,
.c-s-dl-li ul li.current a:hover {
	background: #ff6600;
	text-decoration: none;
	color: #fff;
}

//.c-s-dl-li ul li.current s {
//	background: url("/static/image/page/tab_arrow.jpg") no-repeat scroll 0 0;
//	bottom: -16px;
//	display: block;
//	height: 10px;
//	left: 50%;
//	margin-left: -6px;
//	position: absolute;
//	width: 12px;
//}

.c-s-dl dl ul li a:hover {
	color: #ff6600;
	text-decoration: none;
}

.c-s-more,
.c-s-del {
	position: absolute;
	right: 5px;
	top: 13px;
}

.c-second-li {
	padding-top: 10px;
	border-top: 1px dashed #dadee6;
}

.c-second-li ul li a {
	color: #777;
	font-size: 12px;
}

.pd10 {
	padding: 10px 22px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.container {
		width: 970px;
	}
	.result-box ul li .r-b-wrap {
		padding: 10px 0;
	}
	.analysis-wrap dd {
		width: 578px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.container {
		width: 750px;
	}
	.result-box ul li .r-b-wrap {
		padding: 0;
	}
	.res-name {
		margin-top: 2px;
	}
	.exam-condition li .e-c-box {
		padding: 15px 0;
	}
	.res-num {
		font-size: 22px;
	}
	.res-name {
		font-size: 14px;
	}
	.analysis-wrap dd {
		width: 357px;
	}
}